<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<a name="list">the list</a>
		<ul>
			<li><a href="http://google.com">http://google.com</a></li>
			<li><a href="/tutorial">/tutorial.html</a></li>
			<li><a href="local/path">local/path</a></li>
			<li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
			<li><a href="http://nodejs.org">http://nodejs.org</a></li>
			<li><a href="http://internal.com/test">http://internal.com/test</a></li>
		</ul>

		<script>
			const links = document.querySelectorAll('a')

			for (const link of links) {
				const href = link.getAttribute('href')
				if (link.href && !href.startsWith('http://internal.com') && href.includes('://')) {
					link.style.color = 'orange'
				}
			}
		</script>
	</body>
</html>
